<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!-- audio标签用来向页面引入一个外部的音频文件
            音视频文件引入时，默认情况下不允许用户自己控制播放停止

            属性:
                controls 是否允许用户控制播放
                autoplay 音频文件是否自动播放
                        - 如果设置了autoplay 则音乐在打开页面时会自动播放
                            但是大部分浏览器都不会自动对音乐进行播放

                loop 让音频从头播放            
        -->
        <audio src="./sourece/audio.mp3" controls loop></audio>
    
        
        <!-- 
            除了通过src来指定外部文件的路径以外，还可以通过source来指定文件路径  

         -->
         <audio controls>
             <!-- 
                source可以指定多个文件
            -->
            <!-- 对不起您的浏览器不支持播放音频! -->
             <source src="./sourece/audio.mp3">
             <source src="./sourece/audio.ogg">
               <!-- 支持IE8的音频标签 
                前面有支持的音频标签，下面的embed就不执行了
            -->
             <embed src="./sourece/audio.mp3" type="audio/mp3">  
         </audio>



         <!-- 
            使用video标签来向网页中引入一个视频
                - 使用方式和audio基本上是一样的
          -->
         <!-- <video src="./sourece/flower.mp4"></video> -->

        <video controls>
            <source src="./sourece/flower.webm">
            <source src="./sourece/flower.mp4">
            <embed src="./sourece/flower.mp4" type="video/mp4">
        </video>

        <!-- 
            直接引入外部视频链接
            在外部视频网站，比如爱奇艺，腾讯，点击分享，引入通用代码
         -->
        <iframe src="https://open.iqiyi.com/developer/player_js/coopPlayerIndex.html?vid=04949c516e54aade2007ae447b340559&tvId=5610849293324900&accessToken=2.ef9c39d6c7f1d5b44768e38e5243157d&appKey=8c634248790d4343bcae1f66129c1010&appId=1368&height=100%&width=100%" frameborder="0" allowfullscreen="true" width="100%" height="100%"></iframe>
       
    </body>
</html>